linear-gradient
Линейный градиент
Функция linear-gradient используется для задания фона в виде линейного градиента.
repeating-linear-gradient()
Повторение градиента
Создаёт фон в виде полос из повторяющегося линейного градиента.
background-image:linear-gradient();
Линейный градиент
Градиент — это вид заливки блока цветом, когда контрольные цвета фиксируют в определённых точках, между которыми браузер создаёт плавные переходы.
radial-gradient()
Радиальный градиент
Функция radial-gradient используется для задания фона в виде радиального (кругового, эллиптического) градиента.
repeating-radial-gradient()
Повторение радиального градиента
Функция repeating-radial-gradient() создаёт бесконечно повторяющийся радиальный (круговой или эллиптический) градиент.
background-image:radial-gradient();
Радиальный градиент
Если цвета линейных градиентов меняются вдоль линии, задающей направление, то при радиальном градиенте изменения цвета расходятся от заданного центра, а сам градиент может принимать форму круга или эллипса.
conic-gradient()
Конический градиент
Функция conic-gradient используется для задания фона в виде конического градиента.
repeating-conic-gradient()
Повторение конического градиента
Удобная функция для создания повторяющегося конического градиента.